<template>
  <div>
    <div class="nav">
      <router-link to="/login" style="text-decoration:none;">登录</router-link>
      <router-link to="/register" style="margin-left: 15px;text-decoration:none;">注册</router-link>
      <router-link to="/article" style="margin-left: 15px;text-decoration:none;">文章</router-link>
      <router-link to="/list" style="margin-left: 15px;text-decoration:none;">列表</router-link>
    </div>
    <div class="exit">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .nav {
    font-size: 20px;
    border-top: #666 1px solid;
    border-bottom: #333 2px solid;
  }
  .exit {
    margin-top: 10px;
    font-size: 24px;
  }
  .default,.Exact {
    color: red;
  }
</style>